<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Rentpad Account Login</title>
        <style>
            a {color:#404042;text-decoration:none;}      /* unvisited link */
            a:visited {color:#404042;}  /* visited link */
            a:hover {color:#404042;}  /* mouse over link */
            a:active {color:#404042;}  /* selected link */
            @font-face
            {
                font-family: avant;
                src: url('${model.props.appPath}/fonts/avangmi-webfont.ttf');
            }
            -webkit-overflow-scrolling: touch; 
        </style>
        <script type="text/javascript" src="js/jquery/jquery-1.8.3.min.js"></script>
        <script>
            (function(i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function() {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                        m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
            ga('create', 'UA-44197833-1', 'rentpad.com.ph');
            ga('send', 'pageview');
        </script>
    </head>

    <body style="text-align: center; background-color: #333; color: #404042; font-family: avant, Century Gothic, Calibri, Verdana; padding: 0px; margin: 0px;">                

        <div style="margin-top: 0px; background-color: white;">

            <%@include file="header.jsp" %>

            <div style="width: 100%; text-align: left; font-family: avant, Century Gothic, Calibri, Verdana; color: #404042; background-color: white; background: url('${model.props.appPath}/img/content-bg-short.jpg'); background-repeat: repeat-x; display: block; position: relative; top: -2px;">

                <div style="width: 550px; margin-top: 10px; margin: 0 auto;">

                    <br>

                    <h1>Member Login</h1>

                    <hr>

                    <form id="form" action="login.htm">
                        <table cellpadding="5" cellspacing="5" style="margin-left:0px; background-color: #f7f7f7; padding: 10px">
                            <tr>
                                <td style="font-size: 24px; font-weight: bold; vertical-align: top; padding-top:10px;">Email:</td>
                                <td>
                                    <input id="uname" name="uname" type="text" style="width:400px; padding: 10px" value=""/>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td style="font-size: 24px; font-weight: bold; vertical-align: top; padding-top:10px;">Password:</td>
                                <td>
                                    <input id="pass" name="pass" type="password" style="width:400px; padding: 10px" value=""/>
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                </td>
                            </tr>
                            <c:if test="${model.loginFailed == 1}">
                                <tr>                                
                                    <td colspan="2">
                                        <span style="color: red; font-size: 15px;">You did not input a correct username/password combination.</span>                                   
                                    </td>
                                </tr>
                            </c:if> 
                            <tr>
                                <td colspan="2">
                                    <table style="width: 100%;">
                                        <tr>
                                            <td>
                                                <a href="password.htm" style="color: #369;">Forgot my password.</a>
                                            </td>                                
                                            <td align="right">
                                                <input type="hidden" name="s" value="1" />
                                                <a href="invite.htm" style="color: #369;">Sign up</a>
                                                &nbsp;or&nbsp;
                                                <input type="submit" value="      Login      " style="padding: 7px" />
                                            </td>
                                        </tr>        
                                    </table>
                                </td>
                            </tr>
                        </table>

                    </form>

                    <br><br>   
                    <br><br>
                    <br><br>
                    <br><br>

                </div>

            </div>

            <%@include file="footer.jsp" %>


        </div>

    </body>

</html>
